<template>
  <div>
    <shop-list-item v-for="(item, index) in List"
     :ListItem="item"
     :key="index"
     :index="index">
    </shop-list-item>
  </div>
</template>

<script>
  import { mapGetters } from 'vuex';
  import ShopListItem from './ShopListItem.vue';
  export default {
    name: "ShopList",
    components: {
      ShopListItem
    },
    computed: {
      ...mapGetters(["List"])
    }
  }
</script>

<style scoped>

</style>